@extends('public.father')

@section('content')
    <link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>

    {{--推荐文章区域--}}
                {{--<div class="card">--}}
                    {{--<div class="card-header">--}}
                        {{--{{$aid['title']}}--}}
                    {{--</div>--}}
                    {{--<div class="card-body">--}}
                        {{--{!! $aid['content'] !!}--}}
                    {{--</div>--}}
                {{--</div>--}}

    <div class="panel panel-default">
        <div class="panel-body">
            <h2>{!! $aid['title'] !!}</h2>

            <div>
                <p>
                    {!! $aid['content'] !!}
                </p>
            </div>



            {{--今晚任务搞定关键字和上一篇和下一篇--}}
            <div style="margin-top: 35px;">

                <div class="keybq">
                    <p><span>关键字</span>：<a class="label label-default">个人博客</a><a class="label label-default">阿里云</a><a class="label label-default">空间</a></p>
                </div>

                <div class="nextinfo">
                    @if($aid->id<$next && $aid->id>$top)
                    <p class="last">上一篇：<a href="{{asset('/shop/contents/'.$top)}}">{{$gult['title']}}</a></p>
                    <p class="next">下一篇：<a href="{{asset('/shop/contents/'.$next)}}">{{$res['title']}}</a></p>
                    @elseif($aid->id>=$next)
                    <p class="last">上一篇：<a href="{{asset('/shop/contents/'.$top)}}">{{$gult['title']}}</a></p>
                    <p>没有更多文章啦！</p>
                        @elseif($aid->id<=$top)
                        <p class="next">下一篇：<a href="{{asset('/shop/contents/'.$next)}}">{{$res['title']}}</a></p>
                        <p>没有更多文章啦！</p>
                    @endif
                </div>
            </div>


        </div>

    </div>



    <div id="SOHUCS"></div>
    <script charset="utf-8" type="text/javascript" src="http://changyan.sohu.com/upload/changyan.js" ></script>
    <script type="text/javascript">
        window.changyan.api.config({
            appid: 'cytKbJPcH',
            conf: 'prod_ee5e189048c88f6f97340d97dc6e1b43'
        });
    </script>



    <div class="panel panel-default">
        <div class="panel-body">
            <div style="text-align: center" id="cyReward" role="cylabs" data-use="reward"></div>
            <script type="text/javascript" charset="utf-8" src="https://changyan.itc.cn/js/lib/jquery.js"></script>
            <script type="text/javascript" charset="utf-8" src="https://changyan.sohu.com/js/changyan.labs.https.js?appid=cytKbJPcH"></script>
            <!--PC版-->
            <!--<div id="SOHUCS" sid="5eab7e4c363e4cb8bed0efa3604e6b42"></div>
            <script charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/changyan.js" ></script>
            <script type="text/javascript">
            window.changyan.api.config({
            appid: 'cysPwLFm1',
            conf: 'prod_6c6350e206c502f569b865b4bf121e60'
            });
            </script>-->
            <!-- 多说评论框 start -->
            {{--<div class="ds-thread" data-thread-key="testarticle" data-title="我的个人博客之——阿里云空间选择" data-url="http://127.0.0.1:8020/wilco/article_detail.html"></div>--}}
            <!-- 多说评论框 end -->
            <!-- 多说公共JS代码 start (一个网页只需插入一次) -->

            {{--<script type="text/javascript">--}}
                {{--var duoshuoQuery = {short_name:"wfyvv"};--}}
                {{--(function() {--}}
                    {{--var ds = document.createElement('script');--}}
                    {{--ds.type = 'text/javascript';ds.async = true;--}}
                    {{--ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';--}}
                    {{--ds.charset = 'UTF-8';--}}
                    {{--(document.getElementsByTagName('head')[0]--}}
                        {{--|| document.getElementsByTagName('body')[0]).appendChild(ds);--}}
                {{--})();--}}
            {{--</script>--}}
            <!-- 多说公共JS代码 end -->
        </div>
    </div>

@endsection